<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=1200" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首页</title>
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/main.css">
</head>

<body>
  <header class="header">
    <!-- header-top -->
    <div class="header-top">
      <div class="wrap sbe">
        <p>
          <span>24小时服务热线：</span>
          <span>0539-9999999</span>
        </p>
        <ul>
          <li><a href="javascript:;">我的服务</a></li>
          <li><a href="javascript:;">客服中心</a></li>
          <li><a href="javascript:;">登录</a></li>
          <li><a href="javascript:;">注册</a></li>
        </ul>
      </div>
    </div>
    <!-- /header-top -->
    <div class="logo-nav wrap sbe">
      <div class="logo">
        <img src="./img/logo.png" alt="logo">
      </div>
      <nav class="nav">
        <a href="javascript:;">首页</a>
        <a href="javascript:;">关于我们</a>
        <a href="javascript:;">项目规划</a>
        <a href="javascript:;">产品类型</a>
        <a href="javascript:;">陵园文化</a>
        <a href="javascript:;">VR视频</a>
        <a href="javascript:;">在线祭奠</a>
        <a href="javascript:;">会员中心</a>
      </nav>
    </div>
  </header>
  <!-- /header -->
  <!-- banenr -->
  <section class="banenr">
    <div class="layui-carousel" id="banner">
      <div carousel-item>
        <img src="./img/banner1.jpg" alt="banner1" />
        <img src="./img/banner2.jpg" alt="banner2" />
        <img src="./img/banner3.jpg" alt="banner3" />
        <img src="./img/banner4.jpg" alt="banner4" />
      </div>
    </div>
  </section>
  <!-- /banenr -->
  <!-- nav-item -->
  <ul class="nav-item wrap sbe">
    <li>
      <a href="javascript:;">
        <img src="./img/item1.jpg" alt="item" />
      </a>
    </li>
    <li>
      <a href="javascript:;">
        <img src="./img/item2.jpg" alt="item" />
      </a>
    </li>
    <li>
      <a href="javascript:;">
        <img src="./img/item3.jpg" alt="item" />
      </a>
    </li>
  </ul>
  <!-- /nav-item -->
  <!-- index-list -->
  <section class="index-list wrap">
    <div class="title sbe">
      <p><img src="./img/culture.png" alt="文化"></p>
      <div class="more"><a href="javascript:;"><img src="./img/more.png" /></a></div>
    </div>
    <ul class="list-item">
      <a href="javascript:;">
        <div class="content">
          <h3>墓碑-墓地里的风景</h3>
          <p>生来独一无二，使亦与众不同</p>
        </div>
        <img src="./img/list-item.jpg" alt="我是标题">
      </a>
      <a href="javascript:;">
        <div class="content">
          <h3>墓碑-墓地里的风景</h3>
          <p>生来独一无二，使亦与众不同</p>
        </div>
        <img src="./img/list-item.jpg" alt="我是标题">
      </a>
      <a href="javascript:;">
        <div class="content">
          <h3>墓碑-墓地里的风景</h3>
          <p>生来独一无二，使亦与众不同</p>
        </div>
        <img src="./img/list-item.jpg" alt="我是标题">
      </a>
    </ul>
  </section>
  <!-- index-list -->
  <section class="index-list wrap">
    <div class="title sbe">
      <p><img src="./img/serve.png" alt="服务"></p>
      <div class="more"><a href="javascript:;"><img src="./img/more.png" /></a></div>
    </div>
    <ul class="list-item">
      <a href="javascript:;">
        <div class="content">
          <h3>墓碑-墓地里的风景</h3>
          <p>生来独一无二，使亦与众不同</p>
        </div>
        <img src="./img/list-item.jpg" alt="我是标题">
      </a>
      <a href="javascript:;">
        <div class="content">
          <h3>墓碑-墓地里的风景</h3>
          <p>生来独一无二，使亦与众不同</p>
        </div>
        <img src="./img/list-item.jpg" alt="我是标题">
      </a>
      <a href="javascript:;">
        <div class="content">
          <h3>墓碑-墓地里的风景</h3>
          <p>生来独一无二，使亦与众不同</p>
        </div>
        <img src="./img/list-item.jpg" alt="我是标题">
      </a>
    </ul>
  </section>
  <!-- index-list -->
  <section class="index-list news-list wrap">
    <div class="title sbe">
      <p><img src="./img/news.png" alt="新闻"></p>
      <div class="more"><a href="javascript:;"><img src="./img/more.png" /></a></div>
    </div>
    <secton class="news-item">
      <a href="javascript:;">
        <h3>临沂福寿陵园最新动态示例 </h3>
        <p>
          临沂福寿陵园发展有限公司，注册资本14470万元。其投资运营项目福寿园，位于东夷文化发源地中国·临沂，总占地面积410亩，是经国家民政部门审批通过的合法项目。项目地处城市交通要道旁侧，滨河大道岸边，交通便利，环境优雅，水旺地灵，是国内风水大师公认的风水宝地。项目距离城市中心13公里，距离机场13公里，距离火车站9.5公里，距离京沪高速入口18公里。项目规划，在中国传统陵园的概念基础上突破创新，以中国文化为主，包含儒、释、道三家文化学说，在人文资源、人文纪念、教育基地、雕塑艺术、文化旅游、文化养生等方面形成了独特的创新人文优势。
        </p>
      </a>
      <a href="javascript:;">
        <h3>临沂福寿陵园最新动态示例 </h3>
        <p>
          临沂福寿陵园发展有限公司，注册资本14470万元。其投资运营项目福寿园，位于东夷文化发源地中国·临沂，总占地面积410亩，是经国家民政部门审批通过的合法项目。项目地处城市交通要道旁侧，滨河大道岸边，交通便利，环境优雅，水旺地灵，是国内风水大师公认的风水宝地。项目距离城市中心13公里，距离机场13公里，距离火车站9.5公里，距离京沪高速入口18公里。项目规划，在中国传统陵园的概念基础上突破创新，以中国文化为主，包含儒、释、道三家文化学说，在人文资源、人文纪念、教育基地、雕塑艺术、文化旅游、文化养生等方面形成了独特的创新人文优势。
        </p>
      </a>
      </ul>
  </section>
  <!-- index-list -->
  <!-- index-about -->
  <section class="index-about wrap">
    <div class="about-title">
      <img src="./img/about-title.png" alt=" 关于我们" />
    </div>
    <div class="about-content">
      <div class="about-left">
        <img src="./img/about-left.jpg" alt="关于我们" />
      </div>
      <div class="about-right">
        <p>
          临沂福寿陵园发展有限公司，注册资本14470万元。其投资运营项目福寿园，位于东夷文化发源地中国·临沂，总占地面积410亩，是经国家民政部门审批通过的合法项目。项目地处城市交通要道旁侧，滨河大道岸边，交通便利，环境优雅，水旺地灵，是国内风水大师公认的风水宝地。项目距离城市中心13公里，距离机场13公里，距离火车站9.5公里，距离京沪高速入口18公里。项目规划，在中国传统陵园的概念基础上突破创新，以中国文化为主，包含儒、释、道三家文化学说，在人文资源、人文纪念、教育基地、雕塑艺术、文化旅游、文化养生等方面形成了独特的创新人文优势。
        </p>
        <p>
          主题定位：包含儒、释、道三家传统中国文化的人文纪念园！</p>
        <p>发展目标：成为国内独具特色的人文纪念陵园基地示范企业！ </p>
      </div>
    </div>

  </section>
  <!-- /index-about -->
  <!-- footer -->
  <footer class="footer">
    <div class="footer-content wrap">
      Copyright © 2017 临沂福寿陵园发展有限公司 All Rights Reserved.
    </div>
  </footer>
  <!-- /footer -->
  <!-- js -->
  <aside>
    <script src="./layui/layui.js"></script>
    <script>
      layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
          elem: '#banner',
          width: '100%', //设置容器宽度
          height: '480px',
        });
      });
    </script>
  </aside>
  <!-- js -->
</body>

</html>